<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Toggle Sidebar</title>
        <link rel="stylesheet" href="style.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

    </head>
    <body>
<div class="sidebar">
    <ul>
        <li><a class="ion-android-person" href="#"></a></li>
        <li><a class="ion-android-wordpress" href="#"></a></li>
        <li><a class="ion-android-chatboxes" href="#"></a></li>
        <li><a class="ion-book" href="#"></a></li>
        <li><a class="ion-cart" href="#"></a></li>
        <li><a class="ion-business" href="#"></a></li>
        <li><a class="ion-social-cloud" href="#"></a></li>

</div>
    </body>
</html>>